﻿<%@ page import="com.mms.pojo.UserInfo" %>
<%@ page contentType="text/html;charset=UTF-8" language="java"
         isELIgnored="false" %>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>医疗管理系统</title>

    <link rel="stylesheet"
          href="${pageContext.servletContext.contextPath}/static/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/static/css/style.css">
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/static/layui/css/layui.css">
    <script src="${pageContext.servletContext.contextPath}/static/layui/layui.js"></script>
    <script src="${pageContext.servletContext.contextPath}/webjars/jquery/3.1.1/jquery.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/webjars/jquery-cookie/1.4.1-1/jquery.cookie.js"></script>
</head>
<body>

<div class="materialContainer" style="height: 611px">
    <div class="box">
        <div class="title">登录</div>
        <div class="input">
            <label for="name">用户名</label>
            <input type="text" name="name" id="name"/>
            <span class="spin"></span>
        </div>
        <div class="input">
            <label for="pass">密码</label>
            <input type="password" name="pass" id="pass">
            <span class="spin"></span>
        </div>
        <div class="button login" id="loginButton">
            <button>
                <span>登录</span>
                <i class="fa fa-check"></i>
            </button>
        </div>
        <a href="javascript:" class="pass-forgot" onclick="ToBeDeveloped()">忘记密码？</a>
    </div>

    <div class="overbox">
        <div class="material-button alt-2">
            <span class="shape"></span>
        </div>
        <div class="title">注册</div>
        <div class="input">
            <label for="nickname">称呼</label>
            <input type="text" name="regname" id="nickname">
            <span class="spin"></span>
        </div>
        <div class="input">
            <label for="username">用户名</label>
            <input type="text" name="regname" id="username">
            <span class="spin"></span>
        </div>
        <div class="input">
            <label for="password">密码</label>
            <input type="password" name="regpass" id="password">
            <span class="spin"></span>
        </div>
        <div class="input">
            <label for="password2">确认密码</label>
            <input type="password" name="reregpass" id="password2">
            <span class="spin"></span>
        </div>
        <div class="button" id="signIn">
            <button>
                <span>注册</span>
            </button>
        </div>
    </div>

</div>

<script src="./static/js/jquery.min.js"></script>
<script src="./static/js/index.js" type="text/javascript" charset="UTF-8"></script>

<script !src="">
    layui.use('layer', function () {
        let layer = layui.layer;
    });

    function ToBeDeveloped() {

        layer.msg("待开发中...");
    }

    /**
     * 获取 Cookie 用户名 和 密码
     */
    function getCookieUserNamePassWord() {
        //设置密码
        if ($.cookie('username')) {
            $("[name='name']").val($.cookie('username'));
        }
        //设置账号
        if ($.cookie('password')) {
            $("[name='pass']").val($.cookie('password'));
        }
    }
</script>
</body>
</html>